<template>
  <div class="LoginPhone">
    <el-form label-width="90px" :rules="rules" :model="user" >
      <el-form-item label="手机号码" prop="phone">
        <el-input v-model="user.phone" />
      </el-form-item>
      <el-form-item label="验证码" prop="verify_code">
        <el-input v-model="user.verify_code"/>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import { reactive } from '@vue/reactivity';
import { rules } from '../config/phone-rules';
export default {
  name: "LoginPhone",
  setup() {
    const user = reactive({
      phone:'',
      verify_code:''
    })
    
    return {
      user,
      rules,
      
    }
  }
};
</script>

<style lang="less" scoped>
.LoginPhone {
  padding-top: 20px;
  .el-form-item{
    margin-bottom: 28px;
  }
  
}
</style>
